<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="format-detection" content="telephone=no" />
    <title>东风风行_有钱途</title>
    <meta name="keywords" content="东风风行_有钱途"/>
    <meta name="description" content="东风风行_有钱途"/>
    <script>
      if (navigator.userAgent.match(/Mobile/i)) location="m/";
    </script>

    <!-- <link rel="shortcut icon" href="images/favicon.ico"> -->
 
    <link rel="stylesheet" href="assets/css/reset.css">
    
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.min.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--<div id="loading" class="loading">
    <div class="bounce1"></div>
    <div class="bounce2"></div>
    <div class="bounce3"></div>
</div>-->

<div id="main" class="main" data-page="full">
    <div class="single-slide slide1">
        <h1 class="an an-left">东风风行</h1>
        <h2 class="an an-right">风行菱智</h2>
        
        <div class="box">
            <div class="item item1"></div>
            <div class="item item2 an an-right an-duration6 an-delay6"></div>
            <div class="item item3 an an-duration6"></div>
            <div class="item item4 an an-top an-duration6 an-delay12"></div>
            <div class="item item5 an an-delay15 an-duration9"></div>
            <div class="item item6 an an-top an-duration6 an-delay9">
                <div class="led1"></div>
                <div class="led2"></div>
                <div class="led3"></div>
                <div class="led4"></div>
                <div class="led5"></div>
                <div class="led6"></div>
                <div class="led7"></div>
                <div class="led8"></div>
            </div>  
        </div>
         
        <div class="icon-mouse"></div>        
    </div>
  
  <div class="warp-cont">
  	
 
    <div class="single-slide slide2">
        <div class="car an an-left">
            <img src="images/车.png" alt="">
        </div>        
        <div class="center">
            <div class="form-main an an-top an-delay15">
                <form action="">
                <div class="form">
                	<div class="hd">
                		<h2>预 约 试 驾</h2>
                		<p>T E X T&nbsp;&nbsp;D R I V E</p>
                	</div>
                    <table>                        
                        <tr>
                            <td class="td-l">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
                            <td>
                                <input name="username" type="text" class="in-txt">
                            </td>
                        </tr>
                         <tr>
                            <td class="td-l">手机号码：</td>
                            <td>
                                <input name="mobile" type="text" class="in-txt">
                            </td>
                        </tr>
                        <tr>
                            <td class="td-l">预约车型：</td>
                            <td>
                                <label for="stype1"><input id="stype1" name="carType" type="radio" data-name="菱智M3" value="LZM3" checked>M3</label>&nbsp;&nbsp;
                                <label for="stype2"><input id="stype2" name="carType" type="radio" data-name="菱智M5" value="LZM5">M5</label>&nbsp;&nbsp;
                                <label for="stype3"><input id="stype3" name="carType" type="radio" data-name="菱智V3" value="LZV3">V3</label>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-l">所在城市：</td>
                            <td>
                                <select name="provinces" id="provinces" class="in-sel">
                                    <option value="">省</option>
                                </select>
                                <select name="city" id="city" class="in-sel">
                                    <option value="">市</option>
                                </select>
                            </td>
                        </tr>                      
                        <tr>
                            <td class="td-l">首选经销商：</td>
                            <td>
                                <select name="dealers" id="dealers" class="in-sel in-sel-p">
                                    <option value="">经销</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-l"></td>
                            <td>
                                <a href="javascript:void(0);" class="btn">确认提交</a>
                            </td>
                        </tr>
                    </table>
                </div>
                </form>
            </div>

            <div class="txt">
                <div class="t t1 an an-right"></div>
                <div class="t t2 an an-right an-delay6"></div>
                <div class="t t3 an an-right an-delay9"></div>
            </div>
            <div class="txt-list">
            	<h2>即刻置换，尊享双重礼！注册步步有礼！</h2>
            	<div class="list">            		
            		<p class="deliel">第一步：填写报名信息，即可参与抽奖，有机会赢得50元手机充值卡</p>
            		<p class="deliel1 clearfix"><span>第二步：</span><span class="span">上传到店试驾图片，可再次参与抽奖，有机会可获得100元京东购物卡或200元加油卡</span></p>
            	</div>
            	<div class="list1">
            		<p>在活动期内：即日起到9月31日，前10名上 传购车发票，即可享受购车1000元油卡返现 </p>
            	</div>
            </div>
        </div>
        <div class="icon-mouse"></div>
    </div>

   <div class="story layout">
   	   <div class="hd">
          <h2>车主故事</h2>
          <p>S T O R I S E</p>
      </div>
     <div class="clearfix">
     	 <ul class="story-list">
      	<li class="list1">
      		<img src="images/story_05.jpg"/>
      		<p>跨界精英——流走异乡一个服装店老板的音乐梦</p>
      	</li>
      	<li class="list2">
      		<img src="images/story_07.jpg"/>
      		<p>发愤图强——为子求学，掌勺师傅千里闯天下</p>
      	</li>
      </ul>
      <div class="list3">
      		<img src="images/story_04.jpg"/>
      		<span></span>
      		<a href="" class="txt">	
      			<h3>与众不同——放弃铁饭碗 却爱上摄影为哪般</h3>
      			<p>多了人手和更多的器材，原来的小车也不能满足工作需求，于是经济实惠的菱智M3成为了我工作的得力助手。经常带着拍摄对象和器材往返于风景区，车不仅成为了交通工具，也成为了我的移动工作室。</p>
      			<p class="story-btn">了解详情</p>
      		</a>
      </div>
     </div>
      <div class="car an an-left">
            <img src="images/car1.png" alt="">
        </div>
   </div>

   <div class="photos layout">
   	    <div class="hd">
          <h2>车型魅力</h2>
          <p>P H O T O S</p>
      	</div>
      	<div class="tabs">
      		<div class="tab">
      			<span class="on">菱智M5</span>
      			<span>菱智M3</span>
      			<span>菱智V3</span>
      		</div>
      		<div class="tab-box">
	      		<ul class="tab-list">
		      			<li class="clearfix">
		      				<a href=""><img src="images/钜惠置换页面1.jpg"/></a>
		      				<a href=""><img src="images/钜惠置换页面2.jpg"/></a>
		      			</li>
		      			<li class="clearfix">
		      				<a href=""><img src="images/钜惠置换页面3.jpg"/></a>
		      				<a href=""><img src="images/钜惠置换页面4.jpg"/></a>
		      				<a href=""><img src="images/钜惠置换页面5.jpg"/></a>
		      			</li>
		      			<li class="clearfix">
		      				<a href=""><img src="images/钜惠置换页面6.jpg"/></a>
		      				<a href=""><img src="images/钜惠置换页面7.jpg"/></a>
		      			</li>     			
	      		</ul>
	      		<ul class="tab-list hide">
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面7.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面2.jpg"/></a>
	      			</li>
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面3.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面4.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面5.jpg"/></a>
	      			</li>
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面6.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面7.jpg"/></a>
	      			</li>
	      		</ul>
	      		<ul class="tab-list hide">
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面1.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面2.jpg"/></a>
	      			</li>
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面3.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面4.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面5.jpg"/></a>
	      			</li>
	      			<li class="clearfix">
	      				<a href=""><img src="images/钜惠置换页面6.jpg"/></a>
	      				<a href=""><img src="images/钜惠置换页面7.jpg"/></a>
	      			</li>
	      		</ul>
      		</div>
      		
      	</div>
   </div>


 </div>
    <div class="footer">
        <div class="link">
            <a href="">客服热线: 400-887-7668</a>
            <i>|</i>
            <a href="">招商热线: 0772-3281376/3281499</a>
        </div>
        <div class="crp">
            <p>COPYRIGHT FXAUTO RESSENGER VEHICLE COPYRIGHT 2010 ALL RIGHT RESEVED&nbsp;&nbsp;&nbsp;&nbsp;桂ICP备05009427</p>
        </div>
    </div>
</div>


<div id="pop" class="pop" style="display:none;">
  
     <!-- 预约成功 -->
    <div class="pop-main pop-main-yycg">
        <a href="javascript:void(0);" class="pop-close js-pop-close">X</a>
        <div class="pop-content">
            <p>恭喜您！预约成功！</p>
        </div>
    </div>


    <div class="pop-mask js-pop-close"></div>
</div>


<div class="yuyue-btn" id="yuyueBtn">
    <a href="javascript:void(0);">预约试驾</a>
</div>


<script src="assets/plug/jquery/1.11.2/jquery.min.js"></script>
<script src="assets/plug/html5media/1.1.8/html5media.min.js"></script>
<script src="assets/plug/jquery-mousewheel/jquery.mousewheel.min.js"></script>
<script src="assets/js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?83173773191ecd17c77f38df9098f146";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();

var list=$('.tab span');
				list.hover(function(){
					$(this).addClass('on').siblings().removeClass('on');
					var index=list.index(this);
					$('div.tab-box>ul').eq(index).show().siblings().hide();
				});x


</script>
</body>
</html>